@font-face {
  font-family: 'Street';
  src: url('http://niklawski.com/fonts/Streetvertising.eot');
  src: local('☺'), url('http://niklawski.com/fonts/Streetvertising.ttf') format('truetype');
}

@font-face {
  font-family: 'Street';
  font-weight: bold;  
  src: url('http://niklawski.com/fonts/Streetvertising-Bold.eot');
  src: local('☺'), url('http://niklawski.com/fonts/Streetvertising-Bold.ttf') format('truetype');
}
/**
@font-face {  
  font-family: Street;  
  src: url(http://niklawski.com/fonts/Streetvertising.ttf) format("truetype");  
}
@font-face {  
  font-family: Street;  
  font-weight: bold;  
  src: url(http://niklawski.com/fonts/Streetvertising-Bold.ttf) format("truetype");  
}
 * 	
 */

html, body {
	font-family: Street, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #eaeaea;
	width: 100%;
	height: 100%;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto
}

div {
	position: absolute;	
	/*box-sizing: border-box; -moz-box-sizing: border-boz; -webkit-box-sizing: border-box;*/
}

table {
	position: relative;
	border-collapse: collapse;
	border-spacing: 0;
}

tr {
	position: relative;
}
	
td {
	position: relative;
}

a {
	text-decoration:none;
	color:#6699aa;
	cursor:pointer
}

ol, ul{	margin: 0; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }

.fake_a {
	text-decoration:none;
	color:#00ffff;
	cursor:pointer
}

.radius3px {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.radius5px {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.radius10px {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*
	Dynamic content sizes
*/
h1 {
	font-weight: bold;
	font-size: 160%;
}

h2 {
	font-weight: bold;
	font-size: 140%;
}

h3 {
	font-weight: bold;
	font-size: 120%;
}

h4 {
	font-weight: bold;
	font-size: 100%;
}

h5 {
	font-weight: bold;
	font-size: 80%;
}

.h1 {
	font-weight: bold;
	font-size: 160%;
}

.h2 {
	font-weight: bold;
	font-size: 140%;
}

.h3 {
	font-weight: bold;
	font-size: 120%;
}

.h4 {
	font-weight: bold;
	font-size: 100%;
}

.h5 {
	font-weight: bold;
	font-size: 80%;
}

.t1 {
	font-size: 140%;
}

.t2 {
	font-size: 120%;
}

.t3 {
	font-size: 100%;
}

.t4 {
	font-size: 80%;
}

.t5 {
	font-size: 60%;
}
/*
 *	Utility classes
 */

.fill {
	position:relative;
	height: 100%;
	width: 100%	
}

.fillheight {
	position:relative;
	height:100%	
}

.move {
	cursor: move;	
}

.mask {
	position:absolute;
	z-index: 1000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:1;	
}

/***************************************************
 * Layout classes
 */
.logo {
	position:relative;
	width:400px;
	height:100px;
	background: url(../images/layout/logo.png) no-repeat center center;
}

.signature {
	position:absolute;
	bottom:1px;
	right:1px;	
}
 
#content_wrapper {
	width: 100%;
	height: 100%;
	z-index:0;
}
 
#header {
	text-align:left;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	border-bottom:2px outset #00ffff;
	background-color:#000000;	
}

#list_wrapper {
	/*
	background-color: #00b0e0;
	border-right:2px outset #00ffff;
	*/
	position: fixed;
	left:0px;
	top:52px;
	height:100%;
	width:60px;
	background-image: url(../images/layout/list_wrapper.png);
	background-repeat: repeat-y;
}

#window_list {
	position:relative;
	overflow:hidden;
	padding-top: 10px;
	width:100%;
	height:100%;
	background-color: transparent;
	margin: 0;
}

#window_container {
	position:fixed;
	top:52px;
	left:60px;
	overflow:hidden;
	height:100%;
	width:100%;
	margin: 0;
	background: #000000 url(../images/layout/logo.png) no-repeat center center;
}

/*
 * Menu classes
 */
.menu_wrapper {
	top:0px;
	left:0px;
	width:200px;
	height:80px;	
} 
 

#login_wrapper {
	position:absolute;
	z-index:1001;
	width:400px;
	height:250px;
}	

#login_div {
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;
	width:400px;
	height:150px;
	border: 2px solid #00ffff;
	background-color:#0e293f; 
}
 
.loginbutton {
	cursor: pointer;
	top: 30px;
	right: 10px;
}
